#{extends 'templateprojeto.html'/}



  
  				<input type="hidden" value"projeto?.pro_codigo" name="projeto.pro_codigo">
 		<h3>${projeto.pro_titulo}<a href="" > <img  src="${projeto?.pro_caminho_ima}" width='25' height='30' style="border: 0; float: left; margin-right: 15px" /></a></h3>

  
     <ul class="nav nav-tabs" id="myTab"> 
     <li class="active">   <a href="#home">&{'capitulos'}</a></li> 
     <li><a href="#profile">&{'personagens'}</a></li> 
     <li><a href="#messages">&{'notas'}</a></li> 
     <li><a href="#settings">&{'locais'}</a></li>
     <li><a href="#recompensa">&{'recompensa'}s</a></li></ul>
     <div class="tab-content" id="paneltab">
     <div class="tab-pane active" id="home">
     <div>
     <table class="table table-hover">
     
     <thead>
     <tr >
     
     <th><strong>Capitulos</strong></th>
     <th><strong>Referencia 1</strong></th>
     <th><strong>Referencia 2</strong></th>
      <th><strong>Ordem</strong></th>
       <th><strong>Publicado</strong></th>
     <th><strong></strong></th>
     </tr>

</thead>
     <tbody>
     
     #{list items:capitulos, as:'product'}
  		<tr >
  		<td>
  		<form id="${product.cap_titulo}" action="@{AventuraSolo.capitulo(product)}" method="post">
  		
  		<a href="javascript:;" onclick="document.getElementById('${product.cap_titulo}').submit();" >${product.cap_titulo}</a>
  		</form>
  		</td>
  		<td>
  	 	<span class="badge" data-toggle="tooltip" title="Indice da pagina da primeira opção do capitulo!">${product.cap_indice_OP1}</span>
  	 </td>
  	 <td>
  	 	<span class="badge" data-toggle="tooltip" title="Indice da pagina da segunda opção do capitulo!">${product.cap_indice_OP2}</span>
  	 </td>
  	 <td>
  	 	<span class="badge" data-toggle="tooltip" title="Indica a ordem e o indice do capitulo para ser refenciado por outros capitulos!">${product.cap_indice}</span>
  	 </td>
  	 <td>
  		<span class="${product.cap_publicado =~ "Sim" ? 'label label-success' : 'label label-warning'}">${product.cap_publicado} </span>
  	 </td>
  	 <td>
  	 	<a href="@{AventuraSolo.projeto(product)}" ><img id="ctl00_XXX" src="@{'/public/images/config.png'}" width='20' height='30' style="border: 0; float: left; margin-right: 15px" /></a>
  	 </td>
  	 </tr>
  	 #{/list}
  	 
  		</tbody>
  	</table>	
	</div>
	#{if projeto.pro_capitulos>6}
	 <center> 	
  <ul class="pagination">
   <li><a href="@{AventuraSolo.index(qtdAmigos)}">1</a></li>
   <li><a href="@{AventuraSolo.index(qtdAmigos,2)}">2</a></li>
   <li><a href="@{AventuraSolo.index(qtdAmigos,3)}">3</a></li>
   <li><a href="@{AventuraSolo.index(qtdAmigos,4)}">4</a></li>
</ul>
</center>
#{/if}
	<a href="@{AventuraSolo.capitulo(projeto)}">Novo Capitulo</a>
     </div>
     <div class="tab-pane" id="profile"> 
     <div>
       <table class="table table-hover">
     <thead>
     <tr >
     
    
     <th><strong>Personagens</strong></th>
     
     <th><strong>Referencia</strong></th>
     <th><strong></strong></th>
     </tr>

</thead>
     <tbody>
     #{list items:personagens, as:'product'}
  		<tr >
  		<td>
  		<a href="@{AventuraSolo.personagem(product)}" >${product.per_nome}</a>
  		</td>
  		<td>
  		<a href="@{AventuraSolo.personagem(product)}" >${product.per_referencia}</a>
  		</td>
  		<td>
  	 	<a href="@{AventuraSolo.projeto(product)}" ><img id="ctl00_XXX" src="@{'/public/images/config.png'}" width='20' height='30' style="border: 0; float: left; margin-right: 15px" /></a>
  	 </td>
  	 </tr>
  	 #{/list}
  		</tbody>
  	</table>
	</div>
	#{if projeto.pro_personagens>6}
	 <center> 	
  <ul class="pagination">
   <li><a href="@{AventuraSolo.index(qtdAmigos)}">1</a></li>
   <li><a href="@{AventuraSolo.index(qtdAmigos,2)}">2</a></li>
  <li><a href="@{AventuraSolo.index(qtdAmigos,3)}">3</a></li>
  <li><a href="@{AventuraSolo.index(qtdAmigos,4)}">4</a></li>
</ul>
</center>
#{/if}
	<a href="@{AventuraSolo.personagem(projeto)}">Novo Personagem</a>
	</div>
     <div class="tab-pane" id="messages">
     <div>
  <table class="table table-hover">
     <thead>
     <tr >
     <th><strong>Notas</strong></th>
     <th><strong></strong></th>
     </tr>
	</thead>
     <tbody>
     #{list items:notas, as:'product'}
     <tr >
  		<td>
  		<a href="@{AventuraSolo.nota(product)}" >${product.not_titulo}</a>
  		</td>
  		<td>
  	 	<a href="@{AventuraSolo.projeto(product)}" ><img id="ctl00_XXX" src="@{'/public/images/config.png'}" width='20' height='30' style="border: 0; float: left; margin-right: 15px" /></a>
  	 </td>
  	 </tr>
  	 #{/list}
  		</tbody>
  	</table>
	</div>
	#{if projeto.pro_notas>6}
	 <center> 	
  <ul class="pagination">
   <li><a href="@{AventuraSolo.index(qtdAmigos)}">1</a></li>
   <li><a href="@{AventuraSolo.index(qtdAmigos,2)}">2</a></li>
  <li><a href="@{AventuraSolo.index(qtdAmigos,3)}">3</a></li>
  <li><a href="@{AventuraSolo.index(qtdAmigos,4)}">4</a></li>
</ul>
</center>
#{/if}
	<a href="@{AventuraSolo.nota(projeto)}">Nova Nota</a>
</div> 
     <div class="tab-pane" id="settings">
     <div>
     <table class="table table-hover">
     <thead>
     <tr >
     <th><strong>Locais</strong></th>
     <th><strong>Referencia</strong></th>
     <th><strong></strong></th>
     </tr>
	</thead>
     <tbody>
     #{list items:locais, as:'product'}
     <tr >
  		<td>
  		<a href="@{AventuraSolo.local(product)}" >${product.loc_nome}</a>
  		</td>
  		<td>
  		<a href="@{AventuraSolo.local(product)}" >${product.loc_referencia}</a>
  		</td>
  		<td>
  	 	<a href="@{AventuraSolo.projeto(product)}" ><img id="ctl00_XXX" src="@{'/public/images/config.png'}" width='20' height='30' style="border: 0; float: left; margin-right: 15px" /></a>
  	 </td>
  	 </tr>
  	 #{/list}
  		</tbody>
  	</table>
	</div>
	#{if projeto.pro_locais>6}
	 <center> 	
  <ul class="pagination">
   <li><a href="@{AventuraSolo.index(qtdAmigos)}">1</a></li>
   <li><a href="@{AventuraSolo.index(qtdAmigos,2)}">2</a></li>
  <li><a href="@{AventuraSolo.index(qtdAmigos,3)}">3</a></li>
  <li><a href="@{AventuraSolo.index(qtdAmigos,4)}">4</a></li>
</ul>
</center>
#{/if}
	<a href="@{AventuraSolo.local(projeto)}">Novo Local</a>
     </div>
      
      
          <div class="tab-pane" id="recompensa">
     <div>
     <table class="table table-hover">
     <thead>
     <tr >
     
     <th><strong></strong></th>
     </tr>
	</thead>
     <tbody>
     #{list items:locais, as:'product'}
     <tr >
  		<td>
  		<a href="@{Projetos.local(product)}" >${product.loc_nome}</a>
  		</td>
  		<td>
  		<a href="@{Projetos.local(product)}" >${product.loc_referencia}</a>
  		</td>
  		<td>
  	 	<a href="@{Projetos.projeto(product)}" ><img id="ctl00_XXX" src="@{'/public/images/config.png'}" width='20' height='30' style="border: 0; float: left; margin-right: 15px" /></a>
  	 </td>
  	 </tr>
  	 #{/list}
  		</tbody>
  	</table>
	</div>
	#{if projeto.pro_locais>6}
	 <center> 	
  <ul class="pagination">
   <li><a href="@{Projetos.index(qtdAmigos)}">1</a></li>
   <li><a href="@{Projetos.index(qtdAmigos,2)}">2</a></li>
  <li><a href="@{Projetos.index(qtdAmigos,3)}">3</a></li>
  <li><a href="@{Projetos.index(qtdAmigos,4)}">4</a></li>
</ul>
</center>
#{/if}
	<a href="@{Projetos.recompensa(projeto)}">Nova &{'recompensa'}</a>
     </div>
     
     
     
    <a href="@{AventuraSolo.addCapa(projeto)}">Adcionar Capa</a>
    
     </div>
	
<script type="text/javascript">
$(function () { $("[data-toggle='tooltip']").tooltip(); });
   $('#myTab a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
   
   
 
   });
 $(function () {

    var $contextMenu = $("#contextMenu");
    var $rowClicked;

  
    $contextMenu.on("click", "a", function () {
        var message = "You clicked on the row '" + 
            $rowClicked.children("*")[1].innerHTML + "'\n"
        message += "And selected the menu item '" + $(this).text() + "'"
       
        $contextMenu.hide();
    });

    $(document).click(function () {
        $contextMenu.hide();
    });

});
</script>

</div>


        
</body>

